
@import "../assets/iconfont/iconfont.css";
:global(.anticon) {
  &:before {
    font-family: "anticon", "anticon_tang" !important;
  }
}

html, body {
  height: 100%;
  min-width: 1200px;
}

body {
  font-size: 15px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #EDF2F8;
}

a:link, a:visited {
  text-decoration: none;
}
#container .trigger {
  font-size: 18px;
  line-height: 64px;
  padding: 0 16px;
  cursor: pointer;
  transition: color .3s;
}

#container .trigger:hover {
  color: #108ee9;
}

#container .logo {
  height: 32px;
  background: #333;
  border-radius: 6px;
  margin: 16px;
}

#container .ant-layout-sider-collapsed .anticon {
  font-size: 16px;
}

//#container .ant-layout-sider-collapsed .nav-text {
//  display: none;
//}
#container {
  min-height: 100%;
  display: flex;
  justify-content: stretch;
}

.logo {
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 6px;
  margin: 16px;
  color: #fff;
  overflow: hidden;
}

#wrap .breadcrumb {
  margin: 12px 0;
}

#wrap .content {
  padding: 24px;
  background: #fff;
  min-height: 360px;
}

form.ant-advanced-search-form{
  margin-bottom: 12px;
  padding: 24px 12px;
  background: #fbfbfb;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}
.ant-input-number-lg{
  height: 33px !important;
}

/*弹性布局*/
.flex {
  display: -webkit-flex;
  display: flex;
}
.flex-item {
  -webkit-flex: 1;
  flex: 1;
}
.flex-item-center{
  -webkit-flex: 1;
  flex:1;
}
.flex-item-1 {
  -webkit-flex: 1;
  flex: 1;
}
.flex-item-2 {
  -webkit-flex: 2;
  flex: 2;
}
.flex-row {
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.flex-column {
  -webkit-flex-flow: column;
  flex-flow: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.flex-left {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.flex-right {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.flex-center {
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.flex-top {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.flex-middle {
  -webkit-align-items: center;
  align-items: center;
}
.flex-middle a {
  display: inline-block;
  width: 100%;
}
.flex-bottom {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.flex-baseline {
  -webkit-align-items: baseline;
  align-items: baseline;
}
.flex-stretch {
  -webkit-align-items: stretch;
  align-items: stretch;
}
/* 1行超出截断 */
.line1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 2行超出截断 */
.line2, .line3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 3行超出截断 */
.line3 {
  -webkit-line-clamp: 3;
}

.main{
  position: relative;
  margin-top: 20px;
  padding: 20px;
  border-radius: 4px;
  background-color: #ffffff;
}
.main .header-title{
  position: relative;
  margin-bottom: 20px;
}
.main .header-title .header-title-line{
  display: inline-block;
  width: 4px;
  height: 15px;
  margin-right: 10px;
  background-color: #1d88ec;
}
.main .header-title .header-title-text{
  font-size: 15px;
  font-weight: bold;
}

.ant-btn{
  font-size: 13px !important;
}

// 图片上传
.avatar-uploader,
.avatar-uploader-trigger,
.avatar {
  width: 80px;
  height: 80px;
}


.avatar-uploader {
  display: inline-block;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  margin-right: 8px;
}

.avatar-uploader-trigger {
  display: table-cell;
  vertical-align: middle;
  font-size: 28px;
  color: #999;
}

.ql-container{
  height: 500px;
}




